﻿@{
    ViewBag.Title = "Trang Chủ";
}
@*<h3>We suggest the following:</h3>
<ol class="round">
    <li class="one">
        <h5>Getting Started</h5>
        ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that
        enables a clean separation of concerns and that gives you full control over markup
        for enjoyable, agile development. ASP.NET MVC includes many features that enable
        fast, TDD-friendly development for creating sophisticated applications that use
        the latest web standards.
        <a href="http://go.microsoft.com/fwlink/?LinkId=245151">Learn more…</a>
    </li>

    <li class="two">
        <h5>Add NuGet packages and jump-start your coding</h5>
        NuGet makes it easy to install and update free libraries and tools.
        <a href="http://go.microsoft.com/fwlink/?LinkId=245153">Learn more…</a>
    </li>

    <li class="three">
        <h5>Find Web Hosting</h5>
        You can easily find a web hosting company that offers the right mix of features
        and price for your applications.
        <a href="http://go.microsoft.com/fwlink/?LinkId=245157">Learn more…</a>
    </li>
</ol>*@
<div class="row">
    <div class="col-md-4"></div>
    <div class="col-md-4">
        
    </div>
    <div class="col-md-4"></div>
</div>

<div class="row">
    <div class="col-md-3 col-sm-6 col-xs-12">
        <section class="dash-tile bg-danger">
            <div class="tile-title">
                <span>TỔNG SỐ TÁC GIẢ</span>
            </div>
            <div class="tile-stats">
                <b>@ViewBag.tongsoTacGia</b>
            </div>
            <div class="tile-bottom">
                <small><i class="ti-arrow-circle-down mr5"></i><b> </b></small>
            </div>
            <div class="tile-footer">
                Tính tới thời điểm hiện tại
            </div>
            <div class="tile-icon">
                <i class="ti-user"></i>
            </div>
        </section>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
        <section class="dash-tile bg-white">
            <div class="tile-title">TỔNG SỐ GIÁO TRÌNH</div>
            <div class="tile-stats">
                <b>@ViewBag.tongsoGiaoTrinh</b>
            </div>
            <div class="tile-bottom">
                <small><i class="ti-arrow-circle-down mr5"></i><b> </b></small>
            </div>
            <div class="tile-footer">
                Tính tới thời điểm hiện tại
            </div>
            <div class="tile-icon">
                <i class="ti-book"></i>
            </div>
        </section>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
        <section class="dash-tile bg-success">
            <div class="tile-title">TỔNG SỐ NHÀ XUẤT BẢN</div>
            <div class="tile-stats">
                <b>@ViewBag.tongsoNXB</b>
            </div>
            <div class="tile-bottom">
                <small><i class="ti-arrow-circle-down mr5"></i><b> </b></small>
            </div>
            <div class="tile-footer">
                Tính tới thời điểm hiện tại
            </div>
            <div class="tile-icon">
                <i class="ti-printer"></i>
            </div>
        </section>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
        <section class="dash-tile bg-warning">
            <div class="tile-title title-heading text-center bg-warning">
                <a href="javascript:;" class="widget-refresh"><i class="ti-reload pull-right"></i></a>
                <a href="javascript:;"><i class="ti-menu pull-left"></i></a>
                <span>TỔNG SỐ MÔN HỌC</span>
            </div>
            <div class="tile-stats">
                <b>@ViewBag.tongsoMonHoc</b>
            </div>
            <div class="tile-bottom">
                <small><i class="ti-arrow-circle-down mr5"></i><b> </b></small>
            </div>
            <div class="tile-footer">
                Tính tới thời điểm hiện tại
            </div>
        </section>
    </div>
</div>

<div class="row">
    <div class="col-md-4"></div>
    <div class="col-md-4">
        <section class="widget bg-info">
            <div class="cover rounded" style="background-image:url(../../Content/img/book.jpg)"></div>
            <div class="overlay rounded bg-info"></div>
            <div class="widget-header text-center">
                <a href="javascript:;"><i class="ti-plus text-white pull-right"></i></a>
                <a href="javascript:;"><i class="ti-menu text-white pull-left"></i></a>
                <span>GIÁO TRÌNH MỚI NHẤT</span>
            </div>
            <div class="widget-body">
                <blockquote class="no-p no-m">
                    <h5 style="font-size:x-large">@ViewBag.tenGiaoTrinh</h5>  <p>- @ViewBag.tacgia</p>
                </blockquote>
            </div>
            <footer class="widget-footer">
                <p class="text-right">
                    <a href="@Url.Action("GiaoTrinh","QLGiaoTrinh")" class="show small">Xem chi tiết</a>
                </p>
            </footer>
        </section>
        <section class="panel panel-primary">
            <header class="panel-heading">
                <div class="h5" style="text-align:center">
                    <i class="fa fa-facebook-square mr5"></i>
                    <b>GIÁO TRÌNH THEO HỆ ĐÀO TẠO</b>
                </div>
            </header>
            <footer class="panel-footer text-center">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="small show text-uppercase text-muted">Đại học</div>
                        <div class="h4 no-m">
                            <b>@ViewBag.soDH</b>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="small show text-uppercase text-muted">Cao đẳng</div>
                        <div class="h4 no-m">
                            <b>@ViewBag.soCD</b>
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="small show text-uppercase text-muted">Trung cấp</div>
                        <div class="h4 no-m">
                            <b>@ViewBag.soTC</b>
                        </div>
                    </div>
                </div>
            </footer>
        </section>
    </div>
    <div class="col-md-4"></div>
</div>


<link href="~/Content/css/structure.less.css" rel="stylesheet" />
<link href="~/Content/css/themify-icons.css" rel="stylesheet" />